<template>
  <div class="theme_box chart_box">
    <div class="chart">
      <apexchart :type="props.type" :height="props.height || 140" :options="props.options" :series="props.series">
      </apexchart>
    </div>

  </div>
</template>
<script lang="tsx" setup>
let props = defineProps({
  options: Object,
  series: Array,
  type: String,
  height: Number,
})

if (props?.options?.chart) {
  props.options.chart.height = props.height || 140
}

</script>
<style lang="scss" scoped>
.chart_box {
  // overflow: hidden;
  padding: 0;

  .chart {
    width: 100%;
    height: 50%;
  }
}
</style>